* {
     padding: 0;
     margin: 0;
}

.clear::after {
     content: '';
     display: block;
     clear: both;
}

#bigBox {
     width: 100vw;
     height: 100vh;
     background-image: url(../../images/背景图.webp);
}

#logBox {
     width: 800px;
     height: 400px;
     background-color: rgba(255, 255, 255, 0.411);
     position: absolute;
     left: 550px;
     top: 200px;
}

#logBox>div {
     height: 500px;
     float: left;
}

#leftBox {
     width: 400px;

}

#leftBox>img {
     display: block;
     width: 200px;
     margin: 50px auto 0 auto;
}

#leftBox>p {
     font-size: 40px;
     text-align: center;
     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#rightBox {
     width: 400px;
}

#rightBox>form {
     margin-top: 60px;
     width: 300px;
     margin-left: 50px;
}

.form-group {
     height: 80px;
}

.form-group>label {
     font-size: 16px;
}

.btn {
     width: 100%;
     height: 40px;
     border-radius: 15px;
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 20px;
}

.form-group>input {
     height: 40px;
}
.modal-dialog{
     margin: 100px auto;
     width: 400px;
}
.col-sm-2{
     width: 100px;
}
.col-sm-10{
     width: 250px;
}
.sex1{
     display: inline-block;
     height: 30px;
     font-size: 18px;
     line-height: 30px;
     margin-right: 10px;
}
.sex2{
     margin-right: 40px;
}
.sex2>input{
     width: 15px;
     height: 15px;
}
.modal-footer1{
     padding: 0 40px;
}
.form-group1{
     height: 40px;
}
#passAff,.contentNull{
     font-size: 14px;
     display: none;
     color: red;
}